<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文章管理</title>
    <!-- 引入 Semantic UI 的 CSS 文件 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
	<link rel="stylesheet" href="css/文章管理.css" />
    
    
</head>
<body>

    <!-- 导航栏 -->
    <nav class="ui inverted  attached segment m-padded-tb-mini">
    	<div class="ui container">
    	<div class="ui inverted secondary menu">
    		<h2 class="ui teal header item">管理后台</h2>
    		<a class="item" href="首页.html">
    		    <i class="home icon"></i> 博客首页
    		</a>
    		<a class="item active" href="文章管理.html">
    		    <i class="write icon"></i> 文章管理
    		</a>
    		<a class="item" href="文章发布.html">
    		    <i class="edit icon"></i> 文章发布
    		</a>
    		<a class="item" href="分类管理.html">
    		    <i class="folder open icon"></i> 分类管理
    		</a>
    		<a class="item" href="标签管理.html">
    		    <i class="tag icon"></i> 标签管理
    		</a>
    		<a class="item" href="用户管理.html">
    		    <i class="settings icon"></i> 用户管理
    		</a>
    		<div class="right menu">
    			<div class="ui dropdown item">
    				<div class="text">
    					<img class="ui avatar image" src="images/屏幕截图 2024-04-28 125007.png">
    					用户名
    				</div>
    				<i class="dropdown icon"></i>
    				<div class="menu">
    					<a href="#" class="item">注销</a>
    					
    				</div>	
    			</div>
    			
    		</div>
    		</div>
    	</div>
    </nav>
    

    <!-- 页面内容 -->
    <div class="main container">
        <h1 class="ui header">文章管理</h1>

        <!-- 查询表单 -->
        <div class="ui search">
            <div class="ui icon input">
                <input class="prompt" type="text" placeholder="搜索标签或分类...">
                <i class="search icon"></i>
            </div>
            <div class="results"></div>
        </div>

        <!-- 文章列表 -->
        <table class="ui table">
            <thead>
                <tr>
                    <th>标题</th>
                    <th>分类</th>
                    <th>标签</th>
                    <th>发布日期</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>文章标题1</td>
                    <td>分类1</td>
                    <td>标签1, 标签2</td>
                    <td>2024-01-01</td>
                    <td>
                        <button class="ui button">编辑</button>
                        <button class="ui button">删除</button>
                    </td>
                </tr>
                <!-- 可以添加更多的文章行 -->
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="5">
                        <div class="ui right floated pagination menu">
                            <a class="icon item">
                                <i class="left chevron icon"></i>
                            </a>
                            <a class="item">1</a>
                            <a class="item">2</a>
                            <a class="item">3</a>
                            <a class="icon item">
                                <i class="right chevron icon"></i>
                            </a>
                        </div>
                    </th>
                </tr>
            </tfoot>
        </table>
    </div>

    <!-- 引入 Semantic UI 的 JavaScript 文件 -->
    <script src="<url id="" type="url" status="" title="" wc="">https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></url> 
    <script src="<url id="" type="url" status="" title="" wc="">https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script></url> 

</body>
</html>